آموزش بیش از 30 پروژه وب با HTML، CSS و جاوا اسکریپت [ویدئو]

سرفصل ها و درس ها

خوش آمدی Welcome

• ویدئوی تبلیغاتی Promo Video

• معرفی Introduction

• برپایی Setup

پروژه 1 – فرم های سه بعدی Project 1 – 3D Forms

• فرم های سه بعدی 3D Forms

پروژه 2 - خانه Project 2 – House

• خانه House

پروژه 3 - نوار جستجو Project 3 – Search Bar

• نوار جستجو Search Bar

پروژه 4 – ساعت Project 4– Clock

• ساعت Clock

پروژه 5 - نوار ناوبری Project 5 – Navbar

• نوار ناوبری Navbar

پروژه 6 - لودرهای وب سایت Project 6 – Website Loaders

• لودرهای وب سایت Website Loaders

پروژه 7 – دکمه ریپل Project 7 – Ripple Button

• دکمه ریپل Ripple Button

پروژه 8 - نوار پیشرفت دایره Project 8 – Circle Progress Bar

• نوار پیشرفت دایره Circle Progress Bar

• نوار پیشرفت دایره Circle Progress Bar

پروژه 8 - نوار پیشرفت دایره Project 8 – Circle Progress Bar

پروژه 9 – نمایش اسلاید آیکون های رسانه های اجتماعی Project 9 – Social Media Icons Slideshow

• نمایش اسلاید آیکون های رسانه های اجتماعی Social Media Icons Slideshow

• نمایش اسلاید آیکون های رسانه های اجتماعی Social Media Icons Slideshow

پروژه 9 – نمایش اسلاید آیکون های رسانه های اجتماعی Project 9 – Social Media Icons Slideshow

پروژه 10 - فرم های دارای اعتبارسنجی Project 10 – Forms with Validation

• فرم های دارای اعتبارسنجی Forms with Validation

• فرم های دارای اعتبارسنجی Forms with Validation

پروژه 10 - فرم های دارای اعتبارسنجی Project 10 – Forms with Validation

پروژه 11 – تقویم Project 11 – Calendar

• تقویم Calendar

• تقویم Calendar

پروژه 11 – تقویم Project 11 – Calendar

پروژه 12 - شمارش معکوس Project 12 – Countdown

• شمارش معکوس Countdown

• شمارش معکوس Countdown

پروژه 12 - شمارش معکوس Project 12 – Countdown

پروژه 13 – کارت پروفایل Project 13 – Profile Card

• کارت پروفایل Profile Card

• کارت پروفایل Profile Card

پروژه 13 – کارت پروفایل Project 13 – Profile Card

پروژه 14 - منوی شبکه CSS Project 14 – CSS Grid Menu

• منوی شبکه CSS CSS Grid Menu

• منوی شبکه CSS CSS Grid Menu

پروژه 14 - منوی شبکه CSS Project 14 – CSS Grid Menu

پروژه 15 - منوی ناوبری CSS Project 15 – CSS Navigation Menu

• منوی ناوبری CSS CSS Navigation Menu

• منوی ناوبری CSS CSS Navigation Menu

پروژه 15 - منوی ناوبری CSS Project 15 – CSS Navigation Menu

پروژه 16 - منوی کشویی Project 16 – Dropdown Menu

• فهرست کشویی Dropdown Menu

• فهرست کشویی Dropdown Menu

پروژه 16 - منوی کشویی Project 16 – Dropdown Menu

پروژه 17 - ناوبری Project 17 – Navigation

• جهت یابی Navigation

• جهت یابی Navigation

پروژه 17 - ناوبری Project 17 – Navigation

پروژه 18 - ناوبری گرد Project 18 – Rounded Navigation

• ناوبری گرد Rounded Navigation

• ناوبری گرد Rounded Navigation

پروژه 18 - ناوبری گرد Project 18 – Rounded Navigation

پروژه 19 - منوی نوار کناری Project 19 – Sidebar Menu

• منوی نوار کناری Sidebar Menu

• منوی نوار کناری Sidebar Menu

پروژه 19 - منوی نوار کناری Project 19 – Sidebar Menu

پروژه 20 – منوی همبرگر Project 20 – Hamburger Menu

• منوی همبرگر Hamburger Menu

• منوی همبرگر Hamburger Menu

پروژه 20 – منوی همبرگر Project 20 – Hamburger Menu

پروژه 21 - دکمه خلاق Project 21 – Creative Button

• دکمه خلاق Creative Button

• دکمه خلاق Creative Button

پروژه 21 - دکمه خلاق Project 21 – Creative Button

پروژه 22 - نمایش اسلاید Project 22 – Slideshow

• نمایش اسلاید Slideshow

• نمایش اسلاید Slideshow

پروژه 22 - نمایش اسلاید Project 22 – Slideshow

پروژه 23 – دکمه رادیویی CSS سفارشی Project 23– Custom CSS Radio Button

• دکمه رادیویی CSS سفارشی Custom CSS Radio Button

• دکمه رادیویی CSS سفارشی Custom CSS Radio Button

پروژه 23 – دکمه رادیویی CSS سفارشی Project 23– Custom CSS Radio Button

پروژه 24 – کارت ویزیت Project 24 – Business Card

• کارت کسب و کار Business Card

• کارت کسب و کار Business Card

پروژه 24 – کارت ویزیت Project 24 – Business Card

پروژه 25 – کارت سه بعدی Project 25 – 3D Card

• کارت سه بعدی 3D Card

• کارت سه بعدی 3D Card

پروژه 25 – کارت سه بعدی Project 25 – 3D Card

پروژه 26 - چک باکس سفارشی CSS Project 26 – Custom CSS Checkbox

• چک باکس سفارشی CSS Custom CSS Checkbox

• چک باکس سفارشی CSS Custom CSS Checkbox

پروژه 26 - چک باکس سفارشی CSS Project 26 – Custom CSS Checkbox

پروژه 27 – منوی همبرگر سایدبار Project 27 – Sidebar Hamburger Menu

• منوی همبرگر سایدبار Sidebar Hamburger Menu

• منوی همبرگر سایدبار Sidebar Hamburger Menu

پروژه 27 – منوی همبرگر سایدبار Project 27 – Sidebar Hamburger Menu

پروژه 28 - کارت های قیمت گذاری Project 28 – Pricing Cards

• کارت های قیمت گذاری Pricing Cards

• کارت های قیمت گذاری Pricing Cards

پروژه 28 - کارت های قیمت گذاری Project 28 – Pricing Cards

پروژه 29 - دکمه تعویض CSS Project 29 – CSS Toggle Button

• دکمه تعویض CSS CSS Toggle Button

• دکمه تعویض CSS CSS Toggle Button

پروژه 29 - دکمه تعویض CSS Project 29 – CSS Toggle Button

پروژه 30 – CSS Grid Gallery Project 30 – CSS Grid Gallery

• CSS Grid Gallery CSS Grid Gallery

• CSS Grid Gallery CSS Grid Gallery

پروژه 30 – CSS Grid Gallery Project 30 – CSS Grid Gallery

پروژه 31 – صفحه فرود با فرم های معین Project 31 – Landing Page with Modal Forms

• صفحه فرود با فرم های معین Landing Page with Modal Forms

• صفحه فرود با فرم های معین Landing Page with Modal Forms

پروژه 31 – صفحه فرود با فرم های معین Project 31 – Landing Page with Modal Forms

پروژه 32 – صفحه فرود متحرک Project 32 – Animated Landing Page

• صفحه فرود متحرک Animated Landing Page

• صفحه فرود متحرک Animated Landing Page

پروژه 32 – صفحه فرود متحرک Project 32 – Animated Landing Page

پروژه 33 – دکمه سه بعدی Project 33 – 3D Button

• دکمه سه بعدی 3D Button

• دکمه سه بعدی 3D Button

پروژه 33 – دکمه سه بعدی Project 33 – 3D Button